<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" charset="utf-8">
	function selectTest1(){
		//select 객체 조회
		var monthSel = document.form1.month;
		//선택된 option의 index 조회(몇번째 것이 선택되었는지)- select객체.selectedIndex
		alert("선택된 option의 index : " + monthSel.selectedIndex);
		//select 객체 내의 모든 option객체들을 조회 select객체.options->배열
		var options = monthSel.options;
		//모든 option의 : value - text 선택여부 (selected)
		for(var i=0; i<options.length; i++){
			// alert(options[i].value+"-"+options[i].text+"-"+options[i].selected);
			// 벨류 값은 옵션에 정해준 벨류값이고 텍스트는 옵션 태그 안에 텍스트고 셀렉티드는 선택이 되었는지
// 			안되었는지를 트루 펄스 값으로 리턴
		}
	}
	function selectTest2() {
	  var form1 = document.form1;
	  if(form1.month.selectedIndex==0){
	  	alert("월을 선택하십시요");
	  	return;
	  }
	  form1.submit();
	}
	function selectTest3(){
		//선택된 option의 value-text
		alert(document.form1.month.options[document.form1.month.selectedIndex].value);
		alert(document.form1.month.options[document.form1.month.selectedIndex].text);
		alert(document.form1.month.value);
		}
	
</script>
</head>
<body>
<form name="form1" action="a.jsp">
	<select name="month" onchange="selectTest1()"><!-- onchange : 선택 항목이 바뀔때 마다 발생하는 event(change 이벤트) 핸들러 -->
		<option value="0">월을 선택하세요</option>
		<option value="1">1월</option>
		<option value="2">2월</option>
		<option value="3">3월</option>
		<option value="4">4월</option>
		<option value="5">5월</option>
		<option value="6">6월</option>
	</select>
	<input type="button" value="전송" onclick="selectTest2()">
	<input type="button" value="선택된 월의 값 출력" onclick="selectTest3()">
</form>
</body>
</html>